<!DOCTYPE html>
<html lang="en">
<head>
<title>Home</title>
	
	<!-- Meta tag Keywords -->
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta charset="utf-8">
	<meta name="keywords" content="" />
	<script type="application/x-javascript">
		addEventListener("load", function () {
			setTimeout(hideURLbar, 0);
		}, false);

		function hideURLbar() {
			window.scrollTo(0, 1);
		}
	</script>
	<!--// Meta tag Keywords -->

	<!-- banner slider css file -->
	<link href="css/JiSlider.css" rel="stylesheet">
	<!-- //banner slider css file -->

	<!-- gallery-Swipe-box -->
	<link rel="stylesheet" href="css/swipebox.css">
	<!-- //gallery-Swipe-box -->
	
	<!-- testimonials css -->
	<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" property="" /><!-- flexslider css -->
	<!-- //testimonials css -->

	<!-- css files -->
	<link rel="stylesheet" href="css/bootstrap.css"> <!-- Bootstrap-Core-CSS -->
	<link rel="stylesheet" href="css/style.css" type="text/css" media="all" /> <!-- Style-CSS --> 
	<link rel="stylesheet" href="css/fontawesome-all.css"> <!-- Font-Awesome-Icons-CSS -->
	<!-- //css files -->

	<!-- web-fonts -->
	<link href="http://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&amp;subset=cyrillic,cyrillic-ext,latin-ext,vietnamese" rel="stylesheet">
	<link href="http://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&amp;subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese" rel="stylesheet">
	<!-- //web-fonts -->
	
</head>

<body>
	<!-- Navigation -->
	<div class="container">
		<!-- header top -->
		<div class="head-wl d-md-flex py-3">
			<div class="headder-w3 text-uppercase p-1 text-center">
				<h1><a href="index.html"><img src="images/0.jpg" height="60px" alt="金钊金属" /></a></h1>
			</div>

			<div class="w3-header-top-right-text text-center">
				<h6 class="caption p-1">联系我们</h6>
				<p>13463127669</p>
			</div>

			<div class="email-right text-center">
				<h6 class="caption p-1">邮箱地址</h6>
				<p><a href="mailto:mail@example.com" class="info">hebeijinzhaojinshu@163.com</a></p>

			</div>

			<div class="agileinfo-social-grids text-center">
			</div>
		</div>
		<!-- //header top -->
	
		<!-- Nav bar -->
		<nav class="navbar navbar-expand-lg navbar-light bg-faded">
		  <button class="navbar-toggler mx-auto" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
			<span class="navbar-toggler-icon"></span>
		  </button>
		  <div class="collapse navbar-collapse justify-content-center" id="navbarNavDropdown">
			<ul class="navbar-nav">
			  <li class="nav-item active">
				<a class="nav-link" href="index.html">主页<span class="sr-only">(current)</span></a>
			  </li>
			  <li class="nav-item">
				<a class="nav-link" href="about.html">关于我们</a>
			  </li>
			  <li class="nav-item">
				<a class="nav-link" href="services.html">我们的服务</a>
			  </li>
			  <li class="nav-item">
				<a class="nav-link" href="gallery.html">工厂展示</a>
			  </li>
			  <li class="nav-item dropdown">
				<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
				  关于产品
				</a>
				<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
				  <a class="dropdown-item" href="typography.html">产品详情</a>
				</div>
			  </li>
			  <li class="nav-item">
				<a class="nav-link" href="contact.html">联系我们</a>
			  </li>
			</ul>
		  </div>
		</nav>
	<!-- Nav bar -->
    </div>
	<!-- //Navigation -->

<!-- banner slider-->
<div class="banner-silder">
	<div id="JiSlider" class="jislider">
		<ul>
			<li>
				<div class="w3layouts-banner-top">
					<div class="bs-slider-overlay">
						<div class="container">
							<!-- Slide Text Layer -->
							<div class="w3l-slide-text text-center">
								<p>优质产品 · 现代工艺 · 售后服务 · 一线厂家</p>
								<h3 class="text-uppercase pt-4 pb-3">高效率生产线</h3>
								<p class="heading_bottom mb-4">生产一体化，拔丝车间与镀锌丝原料车间连通，减少时间成本提高生产效率。</p>
								<a href="services.html" class="button-style">查看更多</a>
							</div>
						</div>
					</div>
				</div>
			</li>
			<li>
				<div class="w3layouts-banner-top w3layouts-banner-top1">
					<div class="bs-slider-overlay">
						<div class="container">
							<!-- Slide Text Layer -->
							<div class="w3l-slide-text text-center">
								<p>优质产品 · 现代工艺 · 售后服务 · 一线厂家</p>
								<h3 class="text-uppercase pt-4 pb-3">电镀锌黄铁线 </h3>
								<p class="heading_bottom mb-4">现代化环保工厂，现代化生产设备，节能减排！为我们赖以生存的环境减压。</p>
								<a href="services.html" class="button-style">查看更多</a>
							</div>
						</div>
					</div>
				</div>
			</li>
			<li>
				<div class="w3layouts-banner-top w3layouts-banner-top2">
					<div class="bs-slider-overlay">
						<div class="container">
							<!-- Slide Text Layer -->
							<div class="w3l-slide-text text-center">
								<p>优质产品 · 现代工艺 · 售后服务 · 一线厂家</p>
								<h3 class="text-uppercase pt-4 pb-3">定州市金钊金属制品有限公司</h3>
								<p class="heading_bottom mb-4">河北省定州市电镀锌黄铁线工厂，河北地区最优质镀锌黄铁丝厂家，专注通讯电力镀锌黄铁线生产与销售。</p>
								<a href="services.html" class="button-style">查看更多</a>
							</div>
						</div>
					</div>
				</div>
			</li>
			<li>
				<div class="w3layouts-banner-top w3layouts-banner-top3">
					<div class="bs-slider-overlay">
						<div class="container">
							<!-- Slide Text Layer -->
							<div class="w3l-slide-text text-center">
								<p>优质产品 · 现代工艺 · 售后服务 · 一线厂家</p>
								<h3 class="text-uppercase pt-4 pb-3">精细化生产</h3>
								<p class="heading_bottom mb-4">专业负责的拔丝员工严格把控丝径误差，以高标准生产要求自己，定期检查更换拔丝模具，保证丝径误差在可控范围。</p>
								<a href="services.html" class="button-style">查看更多</a>
							</div>
						</div>
					</div>
				</div>
			</li>
			<li>
				<div class="w3layouts-banner-top w3layouts-banner-top4">
					<div class="bs-slider-overlay">
						<div class="container">
							<!-- Slide Text Layer -->
							<div class="w3l-slide-text text-center">
								<p>优质产品 · 现代工艺 · 售后服务 · 一线厂家</p>
								<h3 class="text-uppercase pt-4 pb-3">快速·安全的运输</h3>
								<p class="heading_bottom mb-4">我们与三家货代公司合作，每一个运输司机都是尽心尽责，货物整齐堆积，完美到达客户指定地点。</p>
								<a href="services.html" class="button-style">查看更多</a>
							</div>
						</div>
					</div>
				</div>
			</li>
		</ul>
	</div>
</div>
<!-- //banner slider -->

<!-- Welcome section -->
<section class="welcome py-5 my-lg-5" id="welcome">
	<h3 class="heading text-center text-uppercase">欢迎访问我们工厂官网</h3>
	<p class="heading-bottom text-center font-italic mb-5">您更多的了解我们，就会信任我们的更多</p>
	<div class="container">
		<div class="row">
			<div class="col-lg-6 welcome_left">
				<img src="images/welcome.jpg" alt="welcome image">
			</div>
			<div class="col-lg-6 welcome_right mt-5 py-5 px-4">
				<p>  自1999年，我们工厂建设在河北省定州市李亲顾镇留宿工业区以来，一直从事着电镀锌铁丝行业的业务，十年如一日的对生产工艺以及产品进行钻研。现是全省最为优质的电镀锌黄铁线生产厂家之一。在市场的需求之下，自2011年我们开始进行黄铁线生产以及改良生产工艺、生产线数十次，力求达到行业最高标准，使我们的产品能够更好的服务通讯电力行业以及蔬菜大棚铁丝的使用。</p>
				
				<div class="row grid1 my-4">
					<div class="col-md-2 col-sm-2 col-3 icon color1 text-center">
						<span class="fas fa-info-circle" aria-hidden="true"></span>
					</div>
					<div class="col-md-10 col-sm-10 col-9 grid_info">
						<h3 class="text-uppercase mb-2">我们的业务</h3>
						<p>电镀锌黄铁线，电镀锌铁丝，用于通讯电力行业以及改拔丝，编织丝网等等</p>
					</div>
				</div>
				<div class="row grid2 my-4">
					<div class="col-md-2 col-sm-2 col-3 icon color1 text-center">
						<span class="fas fa-headphones" aria-hidden="true"></span>
					</div>
					<div class="col-md-10 col-sm-10 col-9 grid_info">
						<h3 class="text-uppercase mb-2">定制化生产</h3>
						<p>定制生产410MPa-710MPa抗拉强度的铁丝，含锌量15g-30g的镀锌铁丝</p>
					</div>
				</div>
				<div class="row grid3">
					<div class="col-md-2 col-sm-2 col-3 icon color1 text-center">
						<span class="fas fa-users" aria-hidden="true"></span>
					</div>
					<div class="col-md-10 col-sm-10 col-9 grid_info">
						<h3 class="text-uppercase mb-2">我们的成员</h3>
						<p>我们工厂现拥有30余人的专业团队：成品装卸、打包包装、装车运输、出纳统计、生产线技术人员等等，保障我厂产品完美送到客户手中</p>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>
<!-- //Welcome section -->

<!-- services -->
<section class="services py-5 my-lg-5">
	<h3 class="heading text-center text-uppercase">我们能为您做些什么？</h3>
	<p class="heading-bottom text-center font-italic mb-5">我们能够做的就是让您满意</p>
	<div class="container">
		<div class="row">
				<div class="col-lg-4 col-md-6 agileits_banner_bottom_left">
					<div class="agileinfo_banner_bottom_pos">
						<div class="row w3_agileits_banner_bottom_pos_grid">
							<div class="col-3 wthree_banner_bottom_grid_left">
								<div class="agile_banner_bottom_grid_left_grid hvr-radial-out text-center">
									<i class="fab fa-steam" aria-hidden="true"></i>
								</div>
							</div>
							<div class="col-9 wthree_banner_bottom_grid_right">
								<h4 class="sub_service_agileits text-uppercase mb-2">让您放心的原材料</h4>
								<p class="mb-2">我们自建厂以来，一直采用九江以及长宁Q196正规盘条拉制铁丝产品，能够达到我们产品所需的产品特性：材料质地柔软、抗拉强度在正常范围、没有毛边掉渣、不会轻易折断等等</p>
								<div class="agileits-button two service">
									<a class="btn btn-primary btn-lg hvr-underline-from-left text-uppercase" href="#" data-toggle="modal" data-target="#exampleModalCenter" role="button">更多详情»</a>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="col-lg-4 col-md-6 agileits_banner_bottom_left mt-md-0 mt-4">
					<div class="agileinfo_banner_bottom_pos">
						<div class="row w3_agileits_banner_bottom_pos_grid">
							<div class="col-3 wthree_banner_bottom_grid_left">
								<div class="agile_banner_bottom_grid_left_grid hvr-radial-out text-center">
									<i class="fa fa-rocket" aria-hidden="true"></i>
								</div>
							</div>
							<div class="col-9 wthree_banner_bottom_grid_right">
								<h4 class="sub_service_agileits text-uppercase mb-2">准确无误的丝径</h4>
								<p class="mb-2">我们专业的拔丝团队，各个员工轮流实时监测源铁丝丝径数据。做到时刻控制在正确丝径范围，如发现丝径误差过大或者丝径出现粗细不均匀情况会立刻停机检查并且丝径错误部分会直接废弃处理，防止与完好铁丝混合流入市场。</p>
								<div class="agileits-button two service">
									<a class="btn btn-primary btn-lg hvr-underline-from-left text-uppercase" href="#" data-toggle="modal" data-target="#exampleModalCenter" role="button">更多详情»</a>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="col-lg-4 col-md-6 agileits_banner_bottom_left mt-lg-0 mt-md-5 mt-4">
					<div class="agileinfo_banner_bottom_pos">
						<div class="row w3_agileits_banner_bottom_pos_grid">
							<div class="col-3 wthree_banner_bottom_grid_left">
								<div class="agile_banner_bottom_grid_left_grid hvr-radial-out text-center">
									<i class="fa fa-paint-brush" aria-hidden="true"></i>
								</div>
							</div>
							<div class="col-9 wthree_banner_bottom_grid_right">
								<h4 class="sub_service_agileits text-uppercase mb-2">标准的销售包装</h4>
								<p class="mb-2">我们的包装团队一共有八人组成，每日标准包装能够达到上千余件，极大地满足了市场每日需求。我们一直延用着内塑外编的标准包装，防止泥土以及雨水混入铁丝使产品遭受破坏影响销售，同时为了能够更方便的客户销售产品，我们也可以根据客户不同需求包装不同重量的捆，以方便客户销售不同人群。</p>
								<div class="agileits-button two service">
									<a class="btn btn-primary btn-lg hvr-underline-from-left text-uppercase" href="#" data-toggle="modal" data-target="#exampleModalCenter" role="button">更多详情»</a>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="col-lg-4 col-md-6 agileits_banner_bottom_left mt-md-5 mt-4">
					<div class="agileinfo_banner_bottom_pos">
						<div class="row w3_agileits_banner_bottom_pos_grid">
							<div class="col-3 wthree_banner_bottom_grid_left">
								<div class="agile_banner_bottom_grid_left_grid hvr-radial-out text-center">
									<i class="fas fa-industry" aria-hidden="true"></i>
								</div>
							</div>
							<div class="col-9 wthree_banner_bottom_grid_right">
								<h4 class="sub_service_agileits text-uppercase mb-2">快速的货代运输</h4>
								<p class="mb-2">我们常年与三家运输公司合作，其路线包含了中国中西部北部以及南部地区，能够快速精确的将产品运往各地。在运输过程中可随时查看货物情况以及位置，使得客户放心我们安心。在阴雨天气或者暴雪天气下我们尽责的司机师傅们会提前将产品使用防水布盖住，防止产品受损。</p>
								<div class="agileits-button two service">
									<a class="btn btn-primary btn-lg hvr-underline-from-left text-uppercase" href="#" data-toggle="modal" data-target="#exampleModalCenter" role="button">更多详情»</a>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="col-lg-4 col-md-6 agileits_banner_bottom_left mt-md-5 mt-4">
					<div class="agileinfo_banner_bottom_pos">
						<div class="row w3_agileits_banner_bottom_pos_grid">
							<div class="col-3 wthree_banner_bottom_grid_left">
								<div class="agile_banner_bottom_grid_left_grid hvr-radial-out text-center">
									<i class="fa fa-fire" aria-hidden="true"></i>
								</div>
							</div>
							<div class="col-9 wthree_banner_bottom_grid_right">
								<h4 class="sub_service_agileits text-uppercase mb-2">负责的工厂售后</h4>
								<p class="mb-2">我们一直本着长远商业眼光进行我们的销售业务，完美负责的售后服务给新老顾客一种放心的下单感受。只要您有问题随时联系我们，我们永远都会在第一时间给出您最好的答复。</p>
								<div class="agileits-button two service">
									<a class="btn btn-primary btn-lg hvr-underline-from-left text-uppercase" href="#" data-toggle="modal" data-target="#exampleModalCenter" role="button">更多详情»</a>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="col-lg-4 col-md-6 agileits_banner_bottom_left mt-md-5 mt-4">
					<div class="agileinfo_banner_bottom_pos">
						<div class="row w3_agileits_banner_bottom_pos_grid">
							<div class="col-3 wthree_banner_bottom_grid_left">
								<div class="agile_banner_bottom_grid_left_grid hvr-radial-out text-center">
									<i class="fas fa-cogs" aria-hidden="true"></i>
								</div>
							</div>
							<div class="col-9 wthree_banner_bottom_grid_right">
								<h4 class="sub_service_agileits text-uppercase mb-2">正规的增值发票</h4>
								<p class="mb-2">为方便不同客户需求，我司能够开正规的增值税发票，并且接受先票后尾款的交易形式，将利益最大化的提供给我们亲爱的客户。</p>
								<div class="agileits-button two service">
									<a class="btn btn-primary btn-lg hvr-underline-from-left text-uppercase" href="#" data-toggle="modal" data-target="#exampleModalCenter" role="button">更多详情»</a>
								</div>
							</div>
						</div>
					</div>
				</div>
		</div>
	</div>
</section>
<!-- //services -->

<!--Gallery -->
<section class="gallery indexgallery py-5 my-lg-5" id="gallery">
<div class="container">
	<h3 class="heading text-center text-uppercase">工厂照片展示</h3>
	<p class="heading-bottom text-center font-italic mb-5">让您了解我们工厂的角角落落</p>
		<div class="agileinfo_work_grids">
			<div class="row">
				<div class="col-lg-3 col-md-6 col-sm-6 col-6 w3_agile_work_grid gallery1">
					<div class="wthree_work_grid1">
						<a href="images/g1.jpg" class="b-link-stripe b-animate-go  swipebox" title="Indus Fact">
							<div class="agile_work_grid w3_agileits_sub_work">
							<img src="images/g1.jpg" alt=" " class="img-responsive" />
							<div class="agileits_w3layouts_work text-center">
								查看大图
							</div>
							</div>
						</a>
					</div>
					<div class="wthree_work_grid1">
						<a href="images/g2.jpg" class="b-link-stripe b-animate-go  swipebox" title="Indus Fact">
							<div class="agile_work_grid w3_agileits_sub_work">
							<img src="images/g2.jpg" alt=" " class="img-responsive" />
							<div class="agileits_w3layouts_work text-center">
								查看大图
							</div>
							</div>
						</a>
					</div>
					<div class="wthree_work_grid1">
						<a href="images/g3.jpg" class="b-link-stripe b-animate-go  swipebox" title="Indus Fact">
							<div class="agile_work_grid w3_agileits_sub_work">
							<img src="images/g3.jpg" alt=" " class="img-responsive" />
							<div class="agileits_w3layouts_work text-center">
								查看大图
							</div>
							</div>
						</a>
					</div>
				</div>
				<div class="col-lg-3 col-md-6 col-sm-6 col-6 w3_agile_work_grid">
					<div class="wthree_work_grid1">
						<a href="images/g4.jpg" class="b-link-stripe b-animate-go  swipebox" title="Indus Fact">
							<div class="agile_work_grid w3_agileits_sub_work">
							<img src="images/g4.jpg" alt=" " class="img-responsive" />
							<div class="agileits_w3layouts_work text-center">
								查看大图
							</div>
							</div>
						</a>
					</div>
					<div class="wthree_work_grid1">
						<a href="images/g5.jpg" class="b-link-stripe b-animate-go  swipebox" title="Indus Fact">
							<div class="agile_work_grid w3_agileits_sub_work">
							<img src="images/g5.jpg" alt=" " class="img-responsive" />
							<div class="agileits_w3layouts_work text-center">
								查看大图
							</div>
							</div>
						</a>
					</div>
					<div class="wthree_work_grid1">
						<a href="images/g6.jpg" class="b-link-stripe b-animate-go  swipebox" title="Indus Fact">
							<div class="agile_work_grid w3_agileits_sub_work">
							<img src="images/g6.jpg" alt=" " class="img-responsive" />
							<div class="agileits_w3layouts_work text-center">
								查看大图
							</div>
							</div>
						</a>
					</div>
				</div>
				<div class="col-lg-3 col-md-6 col-sm-6 col-6 w3_agile_work_grid">
					<div class="wthree_work_grid1">
						<a href="images/g7.jpg" class="b-link-stripe b-animate-go  swipebox" title="Indus Fact">
							<div class="agile_work_grid w3_agileits_sub_work">
							<img src="images/g7.jpg" alt=" " class="img-responsive" />
							<div class="agileits_w3layouts_work text-center">
								查看大图
							</div>
							</div>
						</a>
					</div>
					<div class="wthree_work_grid1">
						<a href="images/g8.jpg" class="b-link-stripe b-animate-go  swipebox" title="Indus Fact">
							<div class="agile_work_grid w3_agileits_sub_work">
							<img src="images/g8.jpg" alt=" " class="img-responsive" />
							<div class="agileits_w3layouts_work text-center">
								查看大图
							</div>
							</div>
						</a>
					</div>
					<div class="wthree_work_grid1">
						<a href="images/g9.jpg" class="b-link-stripe b-animate-go  swipebox" title="Indus Fact">
							<div class="agile_work_grid w3_agileits_sub_work">
							<img src="images/g9.jpg" alt=" " class="img-responsive" />
							<div class="agileits_w3layouts_work text-center">
								查看大图
							</div>
							</div>
						</a>
					</div>
				</div>
				
				<div class="col-lg-3 col-md-6 col-sm-6 col-6 w3_agile_work_grid">
					<div class="wthree_work_grid1">
						<a href="images/g10.jpg" class="b-link-stripe b-animate-go  swipebox" title="Indus Fact">
							<div class="agile_work_grid w3_agileits_sub_work">
							<img src="images/g10.jpg" alt=" " class="img-responsive" />
							<div class="agileits_w3layouts_work text-center">
								查看大图
							</div>
							</div>
						</a>
					</div>
					<div class="wthree_work_grid1">
						<a href="images/g11.jpg" class="b-link-stripe b-animate-go  swipebox" title="Indus Fact">
							<div class="agile_work_grid w3_agileits_sub_work">
							<img src="images/g11.jpg" alt=" " class="img-responsive" />
							<div class="agileits_w3layouts_work text-center">
								查看大图
							</div>
							</div>
						</a>
					</div>
					<div class="wthree_work_grid1">
						<a href="images/g12.jpg" class="b-link-stripe b-animate-go  swipebox" title="Indus Fact">
							<div class="agile_work_grid w3_agileits_sub_work">
							<img src="images/g12.jpg" alt=" " class="img-responsive" />
							<div class="agileits_w3layouts_work text-center">
								查看大图
							</div>
							</div>
						</a>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>	
<!-- //Gallery -->

<!-- Clients -->
<section class="clients-main py-5" id="testimonials">
	<h3 class="heading text-center text-uppercase">客户对我们的评价</h3>
	<p class="heading-bottom text-center font-italic mb-5">能够得到您们的信任是最好的礼物</p>
		<div class="container">
			<!-- Owl-Carousel -->
			<div class="cli-ent">
				<section class="slider">
					<div class="flexslider">
						<ul class="slides">
							<li>
								<div class="item g1">
									<div class="agile-dish-caption">
									<img class="lazyOwl" src="images/s1.jpg" alt="" />
										<h5 class="text-capitalize font-italic">张老板</h5>
										<h4 class="text-capitalize">工厂老板以及产品都很好</h4>
									</div>
									
									<div class="clearfix"></div>
									<p class="para-w3-agile text-center"><span class="fa fa-quote-left" aria-hidden="true"></span> 当初第一次达成合作的时候是因为运输距离较短，产品成交价格低，为我带来了较高的利润，经过长时间的合作贵工厂的产品也是让我很放心，从来没有出过任何大的差错，这个老板是个可靠的老板。我们还会继续长期合作共赢。</p>
								</div>
							</li>
							<li>
								<div class="item g1">
									<div class="agile-dish-caption">
									<img class="lazyOwl" src="images/s2.jpg" alt="" />
										<h5 class="text-capitalize font-italic">李经理</h5>
										<h4 class="text-capitalize">讲产品，我更看重合作伙伴这个人</h4>
									</div>
									
									<div class="clearfix"></div>
									<p class="para-w3-agile text-center"><span class="fa fa-quote-left" aria-hidden="true"></span> 这么长时间的合作，贵工厂的老板在产品以及资金方面也帮助我很多，在我困难的时候给了我账期，让我度过那个困难时期。这样的工厂产品质量更不用多说。</p>
								</div>
							</li>
							<li>
								<div class="item g1">
									<div class="agile-dish-caption">
									<img class="lazyOwl" src="images/s3.jpg" alt="" />
										<h5 class="text-capitalize font-italic">贡老板</h5>
										<h4 class="text-capitalize">产品很可靠</h4>
									</div>
									
									<div class="clearfix"></div>
									<p class="para-w3-agile text-center"><span class="fa fa-quote-left" aria-hidden="true"></span> 第一次写这样的话，请大家多包涵！我们经销的产品很多，黄铁线就是我们的一种。在与贵公司合作之后再产品质量方面没有出过任何问题，有问题的话老板也会及时做出解决方法，很可靠。</p>
								</div>
							</li>
						</ul>
					</div>
				</section>
			</div>
			<!--// Owl-Carousel -->
		</div>
</section>
<!--// Clients -->

<!-- Indus Fact Workers -->
<section class="team py-5 mb-md-5" id="team">
	<h3 class="heading text-center text-uppercase">员工风采</h3>
	<p class="heading-bottom text-center font-italic mb-5">我们最可爱的一家人</p>
		<div class="container">
			<div class="row">
				<div class="col-md-3 col-sm-6 col-6 team-grids">
					<div class="thumbnail team-agileits text-center">
						<img src="images/t2.jpg" class="img-responsive" alt=""/>
						<div class="w3agile-caption ">
							<h4>王娜</h4>
							<p>包装组长</p>
						</div> 
					</div>
				</div>
				<div class="col-md-3 col-sm-6 mb-sm-5 mb-5 col-6 team-grids">
					<div class="thumbnail team-agileits text-center">
						<img src="images/t1.jpg" class="img-responsive" alt=""/>
						<div class="w3agile-caption">
							<h4>王晓曼</h4>
							<p>质检员</p>
						</div> 
					</div>
				</div>
				<div class="col-md-3 col-sm-6 col-6 team-grids">
					<div class="thumbnail team-agileits text-center">
						<img src="images/t3.jpg" class="img-responsive" alt=""/>
						<div class="w3agile-caption">
							<h4>梁磊</h4>
							<p>质检组长</p>				
						</div> 
					</div>
				</div>
				<div class="col-md-3 col-sm-6 col-6 team-grids">
					<div class="thumbnail team-agileits text-center">
						<img src="images/t4.jpg" class="img-responsive" alt=""/>
						<div class="w3agile-caption">
							<h4>成浩</h4>
							<p>生产组长</p>						
						</div> 
					</div>
				</div>
			</div>
		</div>
</section>
<!-- //Indus Fact Workers --> 

<!-- Newsletter  -->
<section class="newsletter py-5 my-lg-5" id="newsletter">
	<h3 class="heading text-center text-uppercase">订阅我们每日价格信息</h3>
	<p class="heading-bottom text-center font-italic mb-5">为您每天提供镀锌丝产品报价</p>
	<div class="container">
		<form action="#" method="post">
			<input type="email" name="Email" placeholder="输入您的邮箱..." required="">
			<input type="submit" class="text-uppercase" value="发送">
		</form>
	</div>
</section>
<!-- //Newsletter  -->

<!-- footer -->
<footer>
	<div class="footer-top">
		<div class="container">
			<div class="row py-5">
				<div class="col-lg-3 col-md-6 footer-grid">
					<div class="footer-logo">
						<h3 class="text-uppercase mb-3">关于我们</h3>
						<p>我们主要从事电镀锌白丝以及黄铁线铁丝的生产，可对产品进行定制生产。我们的公司理念：服务更多，满意堆满全中国。</p>
						
					</div>
				</div>
				<div class="col-lg-3 col-md-6 footer-grid mt-md-0 mt-sm-3 mt-3">
					<h3 class="text-uppercase mb-3">服务范围</h3>
					<ul>
						<li> <a href="#">快速的货代运输</a> </li>
						<li> <a href="#">特优质的原材料</a> </li>
						<li> <a href="#">标准的产品包装</a> </li>
						<li> <a href="#">完美的售后服务</a> </li>
						<li> <a href="#">正规的增值发票</a> </li>
					</ul>
				</div>
				<div class="col-lg-3 col-md-6 mt-lg-0 mt-md-4 mt-sm-3 mt-3 footer-grid">
					<h3 class="text-uppercase mb-3">联系我们</h3>
					<address>
						<p class="pb-2"><span class="fa fa-home" aria-hidden="true"></span>河北省定州市<span class="addr">李亲顾镇留宿工业区</span></p>
						<p class="pb-2"><span class="fa fa-phone" aria-hidden="true"></span>13463127669</p>
						<p class="pb-2"><span class="fa fa-envelope" aria-hidden="true"></span><a href="mailto:contact@mail.com">hebeijinzhaojinshu@163.com</a></p>
						<p class="pb-2"><span class="fa fa-globe" aria-hidden="true"></span><a href="#">www.jinzhaojinshu.com</a></p>
					</address>
				</div>
				<div class="col-lg-3 col-md-6 mt-lg-0 mt-md-4 mt-sm-3 mt-3 agile-footer-grid footer-grid">
					<h3 class="text-uppercase mb-3">最近更新照片</h3>
					<div class="row insta">
						<div class="col-4 w3_agileits_footer_grid_left">
							<a href="#"><img src="images/i1.jpg" alt=" " class="img-responsive" /></a>
						</div>
						<div class="col-4 w3_agileits_footer_grid_left">
							<a href="#"><img src="images/i2.jpg" alt=" " class="img-responsive" /></a>
						</div>
						<div class="col-4 w3_agileits_footer_grid_left">
							<a href="#"><img src="images/i3.jpg" alt=" " class="img-responsive" /></a>
						</div>
						<div class="col-4 w3_agileits_footer_grid_left">
							<a href="#"><img src="images/i4.jpg" alt=" " class="img-responsive" /></a>
						</div>
						<div class="col-4 w3_agileits_footer_grid_left">
							<a href="#"><img src="images/i5.jpg" alt=" " class="img-responsive" /></a>
						</div>
						<div class="col-4 w3_agileits_footer_grid_left">
							<a href="#"><img src="images/i6.jpg" alt=" " class="img-responsive" /></a>
						</div>
					</div>
				</div>
			</div>
			<div class="wthree_copy_right p-3">
				<p class="text-capitalize">Copyright &copy; 2018.Company name All rights reserved.</p>
			</div>
		</div>
	</div>
</footer>
<!-- //footer -->

<!-- Vertically centered Modal -->
<div class="modal fade" id="exampleModalCenter" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title text-uppercase" id="exampleModalLongTitle">定州市金钊金属制品有限公司</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
		<img src="images/1.jpg" class="img-fluid mb-3" alt="Modal Image" />
        Vivamus eget est in odio tempor interdum. Mauris maximus fermentum arcu, ac finibus ante. Sed mattis risus at ipsum elementum, ut auctor turpis cursus. Sed sed odio pharetra, aliquet velit cursus, vehicula enim. Mauris porta aliquet magna, eget laoreet ligula.
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
        <button type="button" class="btn btn-primary">保存</button>
      </div>
    </div>
  </div>
</div>
<!-- //Vertically centered Modal -->


<!-- js-scripts -->		

	<!-- js -->
	<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
	<script type="text/javascript" src="js/bootstrap.js"></script> <!-- Necessary-JavaScript-File-For-Bootstrap --> 
	<!-- //js -->	
	
	<!-- Banner Slider js script file-->
		<script src="js/JiSlider.js"></script>
		<script>
			$(window).load(function () {
				$('#JiSlider').JiSlider({
					color: '#fff',
					start: 3,
					reverse: true
				}).addClass('ff')
			})
		</script>
	<!-- //Banner Slider js script file-->

	<!-- script-for-swipebox -->
	<script src="js/jquery.swipebox.min.js"></script> 
	<script type="text/javascript">
		jQuery(function($) {
			$(".swipebox").swipebox();
		});
	</script>
	<!-- //script-for-swipebox -->

	<!-- flexSlider --><!-- for testimonials -->
	<script defer src="js/jquery.flexslider.js"></script>
	<script type="text/javascript">
		$(window).load(function(){
		  $('.flexslider').flexslider({
			animation: "slide",
			start: function(slider){
			  $('body').removeClass('loading');
			}
		  });
		});
	</script>
	<!-- //flexSlider --><!-- for testimonials -->

	<!-- start-smoth-scrolling -->
	<script src="js/SmoothScroll.min.js"></script>
	<script type="text/javascript" src="js/move-top.js"></script>
	<script type="text/javascript" src="js/easing.js"></script>
	<script type="text/javascript">
		jQuery(document).ready(function($) {
			$(".scroll").click(function(event){		
				event.preventDefault();
				$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
			});
		});
	</script>
	<!-- here stars scrolling icon -->
	<script type="text/javascript">
		$(document).ready(function() {
			/*
				var defaults = {
				containerID: 'toTop', // fading element id
				containerHoverID: 'toTopHover', // fading element hover id
				scrollSpeed: 1200,
				easingType: 'linear' 
				};
			*/
								
			$().UItoTop({ easingType: 'easeOutQuart' });
								
			});
	</script>
	<!-- //here ends scrolling icon -->
	<!-- start-smoth-scrolling -->

<!-- //js-scripts -->

</body>
</html>